Page({
  /**
   * 页面的初始数据
   */
  data: {
    tabs111: [
      {
        id: 0,
        name: "首页",
        isActive: true
      },
      {
        id: 1,
        name: "原创",
        isActive: false
      },
      {
        id: 2,
        name: "分类",
        isActive: false
      },
      {
        id: 3,
        name: "关于",
        isActive: false
      }
    ]
  },

  // 自定义事件，用来接收子组件传递的数据的
  handle_itemChange(e) {
    console.log(e)
    const index = e.detail
    // console.log(index)
    let tabs = JSON.parse(JSON.stringify(this.data.tabs111))

    tabs.forEach((item, index111) => {
      index111 === index ? item.isActive = true : item.isActive = false
    })

     // 重新赋值
     this.setData({
      tabs111: tabs
    })
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // console.log(options)
    const child = this.selectComponent('.Tabs') // 获取组件实例 this.selectComponent
    // console.log(child)
    // console.log(this.data.tabs)

    // 所以如果父组件想调用子组件内部的方法，就可以使用this.selectComponent。
    // 比如Tabs子组件里面有个getList方法，那么就该这样调用:
    // this.selectComponent('.Tabs').getList()
  },

  // 可以这么写的
  // onLoad(options) {
  //   console.log(options)
  //   const child = this.selectComponent('.Tabs')
  //   console.log(child)
  // },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})